<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天山商城-用户注册</title>

    <!--获取屏幕宽度，根据屏幕宽度进行自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--引入bootStrap-->
    <link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>

    <!--bootstrap 依赖jQuery-->
    <script src="js/jquery-3.5.0.min.js"></script>
    <script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="js/http.js"></script>
</head>
<body>
<script src="js/header.js">
</script>
<!--<form action="http://localhost:9090/servlet1/register?userName=jerry&password=123456"-->
<!--      method="post">-->
<!--<form action="http://localhost:8900/servlet1/register"-->
<!--      method="post">-->
<!--    用户名：<input name="userName">-->
<!--    密码：<input name="password">-->

<!--    <input type="submit" value="提交">-->

<!--</form>-->

用户名：<input name="userName">
密码：<input name="password">

<input type="button" value="注册" onclick="httpRegister()">

</body>
</html>

<script>
    // 请求注册
    // ajax：js发起http请求
    function httpRegister() {
        let userNameVal = $("[name='userName']").val();
        let passwordVal = $("[name='password']").val();

        let paramUser = {
            userName: userNameVal,
            password: passwordVal
        };

        // 发起http请求
        httpPostWithParams("/register", paramUser, registerSuccess);
        // $.ajax({
        //     type: "POST",
        //     url: "http://localhost:8081/shop-api/login",
        //     data: {
        //         userName: userNameVal,
        //         password: passwordVal
        //     },
        //     success: function (resp) {
        //         //json 转换js对象
        //         let result = JSON.parse(resp);
        //         console.log(result);
        //         //对结果的业务处理
        //         if (result.status == 0) {
        //             //业务处理成功
        //             let dbUser = result.data;
        //             //登录验证成功：跳转到首页
        //             location.href = " index.html";
        //         } else {
        //             //业务处理失败
        //             alert(result.msg);
        //         }
        //     }
        // });

        function registerSuccess(user) {
            //获取返回用户信息
            let dbUser = user;
            //用户信息转换为json字符串
            let dbUserJson = JSON.stringify(dbUser);
            //存储用户信息到浏览器缓存(只能存储字符串)
            localStorage.setItem("userInfo", dbUserJson);
            alert("注册成功");
            //注册成功：跳转到首页
            location.href = "index.html";
        }
    }
</script>